<template>
  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-xs-12">
        <div class="box box-info">
          <div class="box-header with-border">
            <h3 class="box-title">数据列表</h3>
            <button type="button" class="btn btn-success pull-right" data-toggle="modal" data-target="#modal-default">生成结汇信息</button>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <table id="example2" class="table table-bordered table-hover">
              <thead>
              <tr>
                <th>结汇日期</th>
                <th>结汇金融(USD)</th>
                <th>订单周期</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>2018-01-01</td>
                <td>$111,111,111</td>
                <td class="text-green">2018-01-01-2018-01-02</td>
                <td >
                  <a href="javascript:;" class="text-green m-lr-10" data-toggle="modal" data-target="#modal-default">查看</a>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->

      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
    <div class="modal fade" id="modal-default">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">添加PayPal账号</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal">
              <div class="box-body">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">订单开始时间：</label>
                    <label class="control-label">2018-03-10</label>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">订单结束时间：</label>
                    <label class="control-label">2018-03-10</label>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">结汇金额：</label>
                    <label class="control-label">$100,220.85</label>
                  </div>
                </div>
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary">保存</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
  </section>
  <!-- /.content -->



</template>

<script>
  import inTheManagement from '@/js/financial/inTheManagement'
    export default {
        name: "inTheManagement",
      created(){
        this.$nextTick(function () {
          inTheManagement.main.init('#example2')
        })
      }
    }
</script>

<style scoped>

</style>
